<!DOCTYPE html>
<head>
<title>Hail Satan!</title>
<meta http-equiv="X-UA-Compatible" content="chrome=1" />

<meta content="width=device-width; initial-scale=1.0;  maximum-scale=1.0; user-scalable=0;" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<style>
	* {
		font-family: sans-serif;
		-webkit-user-select: none;
	}
	body { 
		padding:0px; 
		margin:0px; 
		color: white; 
		background-color: black; 
		overflow: hidden;
	}
</style>
<script>

var cards;

function shuffle_cards() {
	var shuffled = new Array();
	while (cards.length > 0) {
		var n = Math.floor(cards.length * Math.random());
		shuffled.push(cards[n]);
		cards[n] = cards[0]; cards.shift();
	}
	while (shuffled.length > 0) {
		cards.push(shuffled.shift())
	}
}

function make_cards() {
	cards = new Array();
	var i, j;
	for (i = 1; i <= 8; ++i) { for (j = 1; j <= 9; ++j) { 
		cards.push(i + '' + j);
	} }
}

function draw_card() {
	cards.push(cards.shift());
	document.getElementById('card').src = 'c/c' + cards[0] + '.png';
}

function init() {
	make_cards();
	shuffle_cards();
	draw_card();
}

</script>
</head>
<body onload="init()">
<center>
<a href="javascript:draw_card()"><img id="card" src="black.png" width="480" height="480" border="0" /></a>
</center>
</body>
